Overview
The Neutrino Design System is quite unique, as there are five separate colour schemes that inter-mingle and can be used in any combination.
This is challenging from development point of view, as the cascading nature of CSS tends to "step on toes" as more elements are stacked. To combat this, five simple classes have been developed that can be added to a parent element:
- ds-default
- ds-light
- ds-light-alt
- ds-dark
- ds-dark-alt
By default, the Neutrino Design System adds ds-default to the top level main element, meaning that the ds-default class does not have to be added anywhere within the content, unless any of the alternate themes are selected. This top-level class can be swapped out for the theme that suits your website best.